<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <input type="hidden" th:id="'no-'+${placeKey}+'-course'" th:value="${#lists.size(dataList)}"/>
    <div class="swiper-container swiper-container-tuanCourse swiper-container-horizontal">
        <div class="swiper-wrapper">
            <div class="swiper-slide" th:if="!${#lists.isEmpty(dataList)}" th:each="dataMap : ${dataList}">
                <div class="list-block media-list wm-course-list__wrap index-live-list__wrap">
                    <ul class="list-container wm-course-list">
                        <li class="mb5" >
                            <a th:href="@{/mobile/course/liveInfo?courseId={courseId}(courseId=${dataMap['dataTypeMap']['id']})}" class="item-content">
                                <aside class="teacher-pic__wrap live-teach-pic__wrap">
                                    <th:block th:if="!${#lists.isEmpty(dataMap['dataTypeMap']['teacherList'])}">

                                        <img class="wm-img" th:attr="data-src=${dataMap['dataTypeMap']['teacherList'][0]['imageMap']['pcUrlMap']['large']}" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">

                                    </th:block>
                                    <th:block th:if="${#lists.isEmpty(dataMap['dataTypeMap']['teacherList'])}==true">
                                        <img  th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                    </th:block>
                                    <div th:if="!${#maps.isEmpty(dataMap['dataTypeMap']['liveCourseCatalog'])}" class="shadeBg"></div>
                                    <div th:if="!${#maps.isEmpty(dataMap['dataTypeMap']['liveCourseCatalog'])}" th:classappend="${dataMap['dataTypeMap']['liveCourseCatalog']['livePlayState']}==1?'watch-live-ico':''"></div>
                                </aside>
                                <button class="button button-fill button-round index-l-time" th:if="!${#maps.isEmpty(dataMap['dataTypeMap']['liveCourseCatalog'])}" th:text="${#strings.substring(dataMap['dataTypeMap']['liveCourseCatalog']['lessonStartTime'],5,16)}"></button>
                                <div class="item-inner">
                                    <section class="wm-item-picture__wrap pr pull-left">
                                        <img class="wm-img" style="max-width: 4rem;" th:attr="data-src=${dataMap['dataTypeMap']['imageMap']['mobileUrlMap']['small']}" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                    </section>
                                    <section class="wm-desc-txt__wrap pl5">
                                        <span class="fs7 c-666" th:text="${dataMap['dataTypeMap']['courseName']}"></span>
                                    </section>
                                </div>
                            </a>
                            <section class="tuan-attr-box">
                                <div class="row clearfix">
                                    <section class="col-66">
                                <span class="show p-living index-p-living" th:text="'共'+(${dataMap['dataTypeMap']['initBuyNum']}+${dataMap['dataTypeMap']['courseProfile']['buyCount']})+'人参加直播'">
                                </span>
                                    </section>
                                    <section class="col-33">
                                        <a th:href="@{/mobile/course/liveInfo?courseId={courseId}&catalogId={catalogId}(courseId=${dataMap['dataTypeMap']['id']},catalogId=${dataMap['dataTypeMap']['liveCourseCatalog']}!=null?${dataMap['dataTypeMap']['liveCourseCatalog']['id']}:0)}" class="button button-fill button-round button-danger fs6"> 观看直播 </a>
                                    </section>
                                </div>
                            </section>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</html>